<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link type="text/css" rel="stylesheet"
		href="resources/css/bootstrap.min.css" />
	<link type="text/css" rel="stylesheet" href="resources/css/prime.css" />

	<h:outputScript name="locale-primefaces.js" library="js" />

	<title><h:outputText value="#{msg['page.title.app']}" /> - Tela de Login</title>
</h:head>

<h:body style="background-color: #F5F5F5;">
	<f:view contentType="text/html">
		<div class="header">
			<div class="container">
				<div class="logo">
					<img src="resources/img/logo_sistema.png"
						alt="#{msg['label.logo.sistema']}"
						title="#{msg['label.logo.sistema']}" style="margin-top: 15px;" />
				</div>

				<h1 class="title">
					<h:outputText value="#{msg['app.title']}" />
				</h1>
			</div>
		</div>

		<div class="container">
			<div class="row-fluid show-grid">



	
				<div 
					style="background-color: rgba(228, 224, 224, 0.36); font-size: 0.7em; padding-top: 10px; padding-bottom: 10px; width:36%; margin: 0 auto; ">

					<h:form>
						<fieldset style="margin: 10px 50px 20px;">
						<p:messages id="messages" />
							<legend>Tela de Login</legend>

							<label class="control-label" for="login">Login</label>
							<p:inputText id="login" value="#{usuarioBean.usuarioSistema.login}" required="true" styleClass="input-large" requiredMessage="Campo Login Obrigatório" />



							<label class="control-label" for="senha">Senha</label>
							<p:password id="senha" value="#{usuarioBean.usuarioSistema.senha}" required="true" styleClass="input-large" maxlength="10" requiredMessage="Campo Senha Obrigatório" />

						<div class="control-group" style="margin: 10px 0 0 140px;">
							<p:commandButton id="btnSalvar" value="Logar" process="@this"
								ajax="false" action="#{usuarioBean.logar()}" update=":form"
								styleClass="btn btn-info" />
						</div>
						</fieldset>


					</h:form>


				</div>

<br/><br/>



					<ui:include src="layout/footer.xhtml" />
			</div>
		</div>

	</f:view>
</h:body>
</html>